.save-main{
   display: flex;
   flex-direction: column;
   position: relative;
   background: white;
   flex: 1;
   height: 100%;
   .save-form{
    // display: flex;
    // flex-direction: column;
    // flex: 1;
    overflow-y: auto;
    height: 70vh;
    padding-bottom: .2rem;
   }
  .form{
    display: flex;
    flex-direction: column;
    margin-left: .1rem;
    margin-top: .2rem;
    width: 2.5rem;
    .field{
        display: flex;
        height: .1879rem;
        margin-bottom: .15rem;
        position: relative;
        label{
            display: flex;
            align-items: center;
            font-weight: bold;
            font-size: .0885rem;
            width: .7208rem;
            color: #2d2d2d;

            img{
                width: .0625rem;
                height: .0625rem;
                margin-right: .05rem;
            }
        }

        .error-message{
            color: red;
            font-size: .06rem;
            position: absolute;
            bottom: 0;
            transform: translate(0,120%);
            left: .7208rem;
        }
       
        .select{
            width:calc( 1.9427rem + .1rem);
            // font-size: .07rem;
        }
        .select,input{
         
            height: 100%;
           
            background: #f9f9f9;
            font-size: .07rem;
        }
        input{
            border: 1px solid #e7e7e7;

            width: 1.9427rem;
            padding-left: .05rem;
            padding-right: .05rem;
        }
        
    }
  }

  .table{
    display: flex;
    flex-direction: column;
    margin-top: .1rem;
    .table-show{
        display: flex;
        padding-left: .1rem;
        padding-right: .1rem;
        margin-top: .2rem;
    }
    .design-title{
      
        width: calc(100% - .2rem);
        margin: auto;
        height: .2083rem;
        margin-top: .2rem;
        margin-bottom: .05rem;
        border-bottom: 2px solid #3644BF;
        .top{
            width: .7813rem;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            background: #3644BF;
        }
    }
    .design-show{
        margin-top: .1rem;
        padding-left: .1rem;
        padding-right: .1rem;
    }
    .header-top {
        display: flex;
        align-items: center;
        justify-content: center;
        .required {
          width: 0.0625rem;
      
          height: 0.0625rem;
        }
      }
    .buttons{
         display: flex;
         margin-left: .1rem;
         .button{
            width: .599rem;
            height: .1771rem;
            font-size: .0729rem;
            display: flex;
            justify-content: center;
            align-items: center;
         }

         .button:nth-child(n+1){
            margin-right: .1rem;
         }

         .sel{
            border: 1px solid  #3644bf;
            background:  #3644bf;
            color: white;
         }

         .nosel{
            border: 1px solid #c5c5c5;
            color: #8F8F8F;
            background:  white;
         }
    }
  }
}
.save-part{
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    border-top: 1px solid #dedede;
    display: flex;
    justify-content: center;
}
.save-button{
    // position: absolute;
    // left: 0;
    // bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background:  #232481;
    color: white;
    // margin-left: .1rem;
    //
    width: 2.4896rem;
    height: .2283rem;
   
}
